<template>
  <div class="sdg1">
    <div class="a2" v-for="(item,index) in suydgis">
      <div><img :src=item.img class="tp"/></div>
      <div class="aa1">
        <div>{{item.hospitalname}}</div>
        <div class="a4">
          <div>{{item.shopname}}</div>
          <div class="gdsyuga">{{item.shopname}}</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup>
import {searchresultshop } from '@/api/search';
import { ref } from 'vue';
let suydgis=ref([]);
searchresultshop().then((a)=>{
    // console.log(a);
    a.data.data.forEach(qwe => {
      // console.log(qwe);
      suydgis.value.unshift(qwe);
    });
  })
</script>

<style scoped>
.a2{
  top: 10px;
  margin: 10px 20px;
  background-color: #ffffff;
  display: flex;
}
.a4{display: flex;}
.a4 div{margin-top: 5px;}
.aa1{margin-left: 20px;margin-top: 10px;}
.tp{width: 80px;height: 80px;padding: 10px;}
.gdsyuga{margin-left: 10px;}
</style>